<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>列表</title>
		<style type="text/css">
			div {
				height: 200px;
				background-color: red;
			}
		</style>
	</head>
	<body>
		<!-- 列表种类：
			1、无序列表  熟练掌握
				ul  块级元素 li
				属性：type ： 默认disc /circle /square
			2、有序列表  掌握
				ol  块级元素 li
				属性：type ：number 
			3、自定义列表  了解
				dl  dt dd
		 
		 -->
		 <ul type="circle">
		 	<li>腾旭课堂极速版还可以</li>
		 	<li>腾旭课堂极速版还可以</li>
		 	<li>腾旭课堂极速版还可以</li>
		 	<li>腾旭课堂极速版还可以</li>
		 	<li>腾旭课堂极速版还可以</li>
		 </ul>
		 <ul type="square">
			 
		 	<li>腾旭课堂极速版还可以</li>
		 	<li>腾旭课堂极速版还可以</li>
		 	<li>腾旭课堂极速版还可以</li>
		 	<li>腾旭课堂极速版还可以</li>
		 	<li>腾旭课堂极速版还可以</li>
		 </ul>
		 <ol type="1"  >
		 	<li>腾旭课堂极速版还可以</li>
		 	<li>腾旭课堂极速版还可以</li>
		 	<li>腾旭课堂极速版还可以</li>
		 	<li>腾旭课堂极速版还可以</li>
		 	<li>腾旭课堂极速版还可以</li>
		 	<li>腾旭课堂极速版还可以</li>
		 </ol>
		 <dl>
		 	<dt>网页制作</dt>
		 	<dd>HTML</dd>
		 </dl>
		 <hr> 水平线
		 <br>强制换行
		 <br>
		 <img src="../../img/p1-img1.jpg" width="500">
		 <br>
		 <img src="../../img/p1-img3.jpg" width="500">
		  布局
		 <div>
			
		 </div>
	</body>
</html>
